<!--
 * @LastEditors: yuSeen
 * @LastEditTime: 2021-12-30 10:03:27
 * 天凉好个秋
-->
<template>
    <div class="logo whitespace-nowrap">
        <img class src="@/assets/imgs/logo.png" alt="logo" />
        {{ t("navbar.logo.name") }}
    </div>
</template>

<script lang='ts' setup>
import { useI18n } from '@/hooks/locales/useI18N'

const { t } = useI18n()
</script>

<style scoped lang='scss'>
.logo {
    @apply flex items-center w-24 text-white h-full tracking-wider font-bold;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13px;
    img {
        width: 32px;
        margin-right: 2px;
    }
}
</style>